<!-- SelectUserIdentity.html -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>选择用户身份</title>
	<link rel="stylesheet" href="css/mui.min.css"/>
	<link rel="stylesheet" href="css/base.css"/>
	<style type="text/css">
		html,body{
			background-color: white;
			margin: 0;
		}
		.mui-card{
			margin: 0 20px;
		}
		.top-div{
			text-align: center;
			height: 188px;
		}
		.top-title{
			font-size: 22px;
			line-height: 1em;
			padding: 50px 0 20px 0;
			margin: 0;
		}
		.top-img{
			width: 100px;
		}
		.select-div{
			box-shadow: 0px 0px 6px 6px #eee;
		}
		.mui-table-view-cell:after{
			left: 10px;
			right: 10px;
		}
		.select-cell{
			height: 80px;
		}
		.select-icon{
			width: 50px;
			position: absolute;
			left: 15px;
			top: 15px;
		}
		.select-cell-span{
			line-height: 50px;
			margin-left: 65px;
		}
		.mui-table-view-cell>a:not(.mui-btn){
			padding: 15px;
		}
		.bottom-div{
			padding: 40px 20px 16px 20px;
		}
		.mui-btn-block{
			margin: auto;
		    width: 100%;
		    padding: 0;
		    height: 40px;
		    color: white;
		    border-color: #18b4ed;
		    background-color: #18b4ed;
		    font-size: 16px;
		}
		.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after {
		    content: '\e442';
		}
		.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {
		    font-size: 24px;
		    font-weight: 100;
		    right: 15px;
		    content: '';
		    color: #3f9525;
		}
		.message-div{
			padding: 10px;
		}
		.message-p{
			text-align: center;
			color: #dc443d;
			font-size:14px;
			margin-bottom: 0;
		}
	</style>
</head>
<body>
	<div class="top-div">
		<p class="top-title base_black_grey">
			请选择你的身份
		</p>
		<img class="top-img" src="image/icon_changfengjun.png">
	</div>
	<div class="mui-card select-div">
		<ul class="mui-table-view mui-table-view-radio">
			<li class="mui-table-view-cell" onclick="chagetype(0)">
				<a class="mui-navigate-right select-cell">
					<img class="select-icon" src="image/icon_xuesheng.png">
					<span class="base_title_font select-cell-span" style="color: #1ca6e5;">
						我是学生
					</span>
				</a>
			</li>
			<li class="mui-table-view-cell mui-selected" onclick="chagetype(1)">
				<a class="mui-navigate-right select-cell">
					<img class="select-icon" src="image/icon_laoshi.png">
					<span class="base_title_font select-cell-span" style="color: #db453b;">
						我是老师
					</span>
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right select-cell" onclick="chagetype(0)">
					<img class="select-icon" src="image/icon_wuliu.png">
					<span class="base_title_font select-cell-span" style="color: #f8860a;">
						我是物流从业者
					</span>
				</a>
			</li>
		</ul>
	</div>
	<div class="message-div">
		<p class="message-p">
			（*身份一旦确认则无法修改*）
		</p>
	</div>
	<div class="bottom-div">
		<button type="button" class="mui-btn mui-btn-block" onclick="but_ok()">确定</button>
	</div>
</body>
<script src="script/mui.min.js"></script>
<script type="text/javascript" src="./script/api.js"></script>
<script src="./script/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
 var type = 1;
	apiready = function() {
		//安卓下按2返回键退出
			api.addEventListener({
				name : 'keyback'
			}, function(ret, err) {
			
					api.closeWidget({
						id : 'A6947555569146',
						retData : {
							name : 'closeWidget'
						},
						animation : {
							type : 'flip',
							subType : 'form_bottom',
							duration : 500
						},
						silent : true
					});
				
			});
			}
		function chagetype(type1){
		 type = type1;
		 $api.setStorage('cfnetSelectType',type);
		 
		}
		function but_ok(){
		 $api.setStorage('cfnetSelectType',type);
		api.sendEvent({
          name: 'changeJidNotifi',
	      extra: {
	         type:type,
	          }
           });
           api.closeWin({
           });
		}
		
</script>
</html>